<template>
  <button v-bind="$attrs">
    <slot />
    <br />
    <span>接收的属性{{ $attrs }}</span>
  </button>
  <p>BaseButton</p>
</template>
<script setup>
import { useAttrs, onMounted, defineOptions } from 'vue';
// defineOptions({
//   inheritAttrs: false,
// })

const handleClick = () => {
  console.log('BaseButton clicked')
}
onMounted(() => {
  const attrs = useAttrs()
  console.log(attrs)
})

</script>

<style scoped>
.base-button {
  padding: 10px;
  border: 1px solid #ccc;
}
</style>
